<template>
    <div class="windows">
      <ul>
        <li>
          <router-link to="/monitor" target="_blank" >
            <img src="@/assets/img/401/home-icon1.png" alt="" />
          </router-link>
          <span>工作台</span>
        </li>
        <li>
          <router-link to="/gameExperiment" target="_blank" >
            <img src="@/assets/img/401/home-icon4.png" alt="" />
          </router-link>
          <span>我的任务</span>
        </li>
       
       
        <li>
          <router-link to="/gameModel" target="_blank" >
            <img src="@/assets/img/401/home-icon6.png" alt="" />
          </router-link>
          <span>模型仓库</span>
        </li>
        <li>
          <router-link to="/gameTask" target="_blank" >
            <img src="@/assets/img/401/home-icon5.png" alt="" />
          </router-link>
          <span>模型训练</span>
        </li>
       
        <li>
          <router-link to="/gameModelTest" target="_blank" >
            <img src="@/assets/img/home-icon7.png" alt="" />
          </router-link>
          <span>模型测试</span>
        </li>
       
        <li>
          <router-link to="/algorithm" target="_blank" >
            <img src="@/assets/img/401/home-icon2.png" alt="" />
          </router-link>
          <span>算法仓库</span>
        </li>
        <li>
          <router-link to="gameimage"  target="_blank" >
            <img src="@/assets/img/401/home-icon3.png" alt="" />
          </router-link>
          <span>仿真环境</span>
        </li>
        <li>
          <router-link to="gameSimulation"  target="_blank" >
            <img src="@/assets/img/401/home-icon3.png" alt="" />
          </router-link>
          <span>想定管理</span>
        </li>
        <li>
          <router-link to="/image" target="_blank" >
            <img src="@/assets/img/home-icon8.png" alt="" />
          </router-link>
          <span>我的环境</span>
        </li>
      </ul>
    </div>
  </template>
  
  <script>
  
  export default {
    name: "index",
    data () {
      return {
        
      };
    },
    components: {
      
    },
    methods: {
      
    },
    created () {
      
    },
    watch: {},
    mounted () {
      
    },
    destroyed() {
      
    },
  };
  </script>
  <style lang="less" scoped>
  .windows{
    width: 100%;
    height: 100%;
    //background: #4A75D4;
    background: url(~@/assets/img/401/windows-bg.jpg) no-repeat center center #5977d5;
    background-size: 100% auto;
    overflow: hidden;
    box-sizing: border-box;
    padding: 48px 10px;
    ul{
      height: 100%;
      float: left;
      display: flex;
      flex-wrap: wrap;
      flex-direction: column;
      justify-content: start;
    }
    li{
      width: 120px;
      height: 150px;
      img{
        width: 80px;
        height: 80px;
        display: block;
        margin: 0 auto;
        cursor: pointer;
      }
      span{
        display: block;
        line-height: 40px;
        text-align: center;
        color: #FFF;
      }
    }
  }
  </style>
  
  